<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <link rel="stylesheet" type="text/css" href="../css/common.css">
         <link rel="stylesheet" type="text/css" href="../css/product.css">
	</head>
	<body>
		<div class="top-header">
		    <a href="../login.html" class="top-item" style="color: #888;">登录</a>
		    <a href="../register.html" class="top-item" style="color: #888;">注册</a>
		</div>
		<div class="bottom-header">
		    <div class="bottom-content">
		        <div style="flex:1;">
		            <a href="../index.html">
		                <img src="" width="150" height="50">
		                </a>
		        </div>
		        <div style="flex:2; text-align: center;">
		            <input type="text" placeholder="请输入查询关键词" class="input">
		            <button type="button" class="btn">搜索</button>
		        </div>
		        <div class="cart-btn" style="flex:1; text-align: right;position: relative;">
		        <a href="">
		            <img src="" style="width: 20px; height: 20px;" alt="">
		        </a>
		        <div class="cart-box">
		            <h3>购物车</h3>
		            <div style="display: flex;align-items: center;">
		                <div style="padding: 0px 10px;">
		                    <img src="" width="50" height="50" alt="">
		                </div>
		                <div style="font-size: 12px;">
		                    <p class="text-hidden">
		                        <span style="color: red;">1</span><span>寻真水果 山东烟台栖霞红苹果12345</span>
		                    </p>
		                    <p style="text-align: left; color: red;">0.7</p>
		                </div>
		            </div>
		            <div class="cart-bottom">
		                <div class="left">
		                    <span>共：￥0.73</span>
		                </div>
		                <div class="right">
		                    <span>查看购物车</span>
		                </div>
		            </div>
		        </div>
		        </div>
		    </div>
		</div>
	       <section class="product-header">
			   <section class="product-content">
				   <p>缤纷果园，海南火龙果，西瓜甜甜甜甜</p>
			   </section>
		   </section>
		   <div class="product-body product-content">
			   <div style="display: flex;">
			   <div class="product-details">
			      <div class="product-picture">
					   <div class="img-border">
						 <img src="../img/default.jpg" width="235" height="235">
					   </div>
				   </div>
				   <div class="product-main">
					   <div class="product-price">
						   <div>
							   <span style="font-size:15px; text-decoration: line-through;color: #999;">市场价：￥1.3</span>
							    <b style="font-size: 18px;">￥1.0</b>
						   </div>
						   <div class="button button-star">
							   <img class="before-img" src="../img/star1.png" width="15" height="15">
							   <img class="after-img" src="../img/start2.png" width="15" height="15">
						   </div>
					   </div>
				   <div class="divider"></div>
				   <div class="product-price">
				  <div>
				     <b>商品简介</b>
				   		</div>
				   <div style="display: flex; align-items: center;">
				   	  <img src="" width="18" height="18">
				   	<span style="color: #414141;font-weight: 500;">有货</span>
				   			 </div>
				   </div>
				   <div style="margin-bottom:30px;">回到家发哈四大皆空发哈手机号打发时间 </div>
				       <div class="divider"></div>
					    <div class="product-bottom">
							<div class="product-quanlily">
								<span style="width: 80px;">购买数量</span>
								<div class="input-number">
									<span class="input-number-operation">-</span>
									<input class="input-number-center" type="text" value="1" />
									<span class="input-number-operation">+</span>
								</div>
							</div>
						</div>
					   <div class="product-btn">
						   <a href="">
							   <div class="button btn-add">加入购物车</div>
						   </a>
						   <div class="button btn-buy">立即购买</div>
					   </div>
					  
				   </div>
			   </div>
			    <div class="product-hotSale">
                    <b style="font-size: 16px;">热销商品</b>
                    <div class="hotsale-divider"></div>
                    <div class="hotsale-product">
                        <img class="img-border" src="" width="80" height="80" alt="">
                        <div>
                            <a style="font-size: 12px;" href="pitaya.html">
                                缤纷果园，海南火龙果，西瓜甜甜甜甜
                            </a>
                            <p style="font-size: 18px;">￥1.0</p>
                            <p style="font-size: 15px;text-decoration: line-through;">市场价：￥1.3</p>
                        </div>
                    </div>
                    <div class="hotsale-product">
                        <img class="img-border" src="" width="80" height="80" alt="">
                        <div>
                            <a style="font-size: 12px;" href="">
                                缤纷果园西瓜苹果甜甜甜甜
                            </a>
                            <p style="font-size: 18px;">￥0.7</p>
                            <p style="font-size: 15px;text-decoration: line-through;">市场价：￥1.0</p>
                        </div>
                    </div>
                </div>
			</div>
            <div class="product-descripition">
                <div style="border-bottom:1px solid #ddd;">
                    <span class="product-desc">商品描述</span>
                    <span class="product-review">商品评论(3)</span>
                </div>
                <div style="margin-top: 15px;font-size: 14px;margin-bottom: 50px;">缤咕果园 海南红心火龙果6斤装约7个大果</div>
            </div>
		</div>
</html>
